header{
    height: 40px;
    background: #000;
    .header-first{
        width: 1200px;
        height: 40px;
        margin: 0 auto;
        color: #fff;
        font-size: 14px;
        ul{
            li{
                float: left;
                line-height: 40px;
                margin-right: 10px;
            }
        }
         span{
                float: right; 
                line-height: 40px;            
            }
    }
 }
 .nav{
     width: 100%;
     position: relative;
     border-bottom: 1px solid #dcdcdc;
     .nav-first{
         width: 1200px;
         height: 115px;
         margin: 0 auto;
         
         >img{
             float: left;
             margin-top: 40px;
         }
         ul{
             float: left;
             margin-left: 365px;
             li{
                 float: left;
                 font-size: 16px;
                 color: #5a5a5a;
                 line-height: 115px;
                 margin-left: 43px;
             }
             .active{
                 line-height: 36px;
                 margin-top: 40px;
                 border-bottom: 2px solid red;
              }
            
         }
         .shoppingcart{
             width: 130px;
             height: 38px;
             border: 1px solid #d8d7d7;
             float: right;
             margin-top: 35px;
             position: relative;
             cursor: pointer;
             img{
                 width: 18px;
                 height: 18px;
                 float: left;
                 margin-top: 10px;
                 margin-left: 10px;
             }
             p{
                 float: left;
                 font-size: 14px;
                 color: #fa3d31;
                 margin-left: 12px;
                 line-height: 38px;
             }
         }
     }
 }
 .footer {
     width: 100%;
     background: #000;
     .footer-first {
         width: 1110px;
         height: 236px;
         margin: 0 auto;
         border-bottom: 1px solid #fff;
         .footer-logo {
             width: 226px;
             height: 74px;
             float: left;
             margin-top: 84px;
             display: block;
             cursor: pointer;
         }
         div:nth-child(2) {
             float: left;
             color: #fff;
             margin-top: 94px;
             margin-left: 40px;
             p {
                 font-size: 18px;
                 font-weight: 700;
             }
             ul {
                 line-height: 45px;
                 li {
                     float: left;
                     font-size: 18px;
                     margin-right: 28px;
                     cursor: pointer;
                 }
             }
         }
         div:nth-child(3) {
             float: right;
             margin-top: 77px;
             span{
                 float: left;
                 color: #fff;
                 font-size: 14px;
                 display: block;
                 text-align: center;
                 margin-right: 15px;
                 img {
                     width: 72px;
                     height: 72px;
                 }
                 p {
                     margin-top: 17px;
                 }
                 p:nth-child(3) {
                     margin-top: 6px;
                 }
              }
              span:nth-child(2) {
                 margin-right: 0;
             }
 
     }
     
     }
 }
 .footer-second {
    width: 100%;
    height: 55px;
    p {
        width: 80%;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
        color: #fff;
        font-size: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        span {
            float: left;
            line-height: 55px;
            margin: 0 20px;
            a {
                vertical-align: middle;
                color: #fff;
            }
            img {
                vertical-align: middle;
            }
        }
        }
    }